/* eslint-disable @typescript-eslint/no-empty-interface */
/* eslint-disable @typescript-eslint/no-var-requires */
import { observer } from 'mobx-react'
import React, { useState, useReducer, useEffect, useRef } from 'react'
import { Link } from 'react-router-dom'
import './index.scss'

interface Iprops {}
const Index: React.FC<Iprops> = props => {
  return (
    <div className='notfound-container'>
      <div className='notfind_wrapper'>
        <img
          className='notfind'
          src={require('./picture/404.png').default}
          alt=''
        />
        <div className='backhome'>
          <span>很抱歉，您访问的页面去月球了~~</span>
          <Link href='' to='/'>
            返回首页
          </Link>
        </div>

        {/* <img >
                <span className=""></span>
                <a href="https://404.life"></a> */}
      </div>
    </div>
  )
}
export default observer(Index)
